<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>优永动助手 - 资产</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="/layui/layui.all.js"></script>
    <link rel="stylesheet" href="/css/person.css">
    <style>
        .blog-title-top-1 {
            font-size: 50px;
            color: white;
        }

        .return-btn {
            font-size: 64px;
            color: white;
        }

        .mytop {
            position: fixed;
            top: 0px;
            width: 100%;
            z-index: 999;
        }

        .person-top {
            padding-top: 10px;
        }

        .zichan-tip {
            margin-top: 70px;
            color: white;
            font-size: 42px;
        }

        .myzichan {
            font-size: 62px;
            color: white;
            padding-top: 30px;
            padding-bottom: 30px;
            margin-top: 20px;

        }

        .btn {
            margin-top: 20px;
            width: 90%;
            height: 80px;
            background-color: rgba(220, 220, 220, 0.54);
            font-size: 36px;
            color: black;
            border-radius: 20px;
        }

        .history-top {
            padding-top: 20px;
            font-size: 36px;
            font-weight: 700;
        }

        .history-top-box {
            background-color: #f0f0f0;
            height: 90px;
        }

        .key-tip {
            font-size: 28px;
            color: #c3c3c3;
            text-align: center;
        }

        .r-value {
            font-size: 36px;
            text-align: center;
        }

        .history-item {
            height: 160px;
            line-height: 80px;
            border-bottom: 8px solid #e1e1e1;
        }

        .history-main {
            padding-top: 600px;
            padding-bottom: 200px;
        }

        option {
            font-size: 28px;
        }
        #searchbtn{
            margin-top: -8px;
        }
        .drag_to_refresh{
            align-items: center;
            background-color: #e4e4e4;
            color: orangered;
            display: none;
            font-size: 42px;
            height: 180px;
            line-height: 180px;
            text-align: center;

        }
        .refresh{
            height: 180px;
            line-height: 180px;
            text-align: center;
            background-color: #e4e4e4;
            color: green;
            display: none;
            font-size: 42px;


        }
    </style>
</head>
<body>

<div class="layui-row person-main">
    <div class="mytop">
        <div class="layui-row person-top">
            <div class="layui-row">
                <div class="layui-col-xs2" onclick="topersonPage()">
                    <i class="layui-icon layui-icon-left return-btn"></i>
                </div>
                <div class="layui-col-xs2 layui-col-xs-offset3 blog-title-top-1">资产</div>
            </div>

            <div class="layui-row zichan-tip">
                <div class="layui-col-xs6 layui-col-xs-offset1">
                    总资产折合(USDT)
                </div>
            </div>

            <div class="layui-row myzichan">
                <div class="layui-col-xs11 layui-col-xs-offset1" th:text="${#numbers.formatDecimal(userDO.zichan,1,6)}">
                    0.0000
                </div>
            </div>

            <div class="layui-row">
                <div class="layui-col-xs3 layui-col-xs-offset1" onclick="chongbipage()">
                    <button class="layui-btn btn chongbi-btn">充币</button>
                </div>

                <div class="layui-col-xs3">
                    <button class="layui-btn btn tibi-btn" onclick="tibi()">提币</button>
                </div>

                <div class="layui-col-xs3">
                    <button class="layui-btn btn huzhuan-btn" onclick="huzhuan()">互转</button>
                </div>
            </div>
        </div>


        <div class="layui-row history-top-box">

            <div class="layui-col-xs4 layui-col-xs-offset1 history-top">历史记录</div>

            <div class="layui-col-xs2 layui-col-xs-offset4 history-top">

                <select id="searchbtn">
                    <option value="0" th:selected="${jiaoyitype}=='0'">全部</option>
                    <option value="购买激活码" th:selected="${jiaoyitype}=='购买激活码'">购买激活码</option>
                    <option value="充值" th:selected="${jiaoyitype}=='充值'">充值</option>
                    <option value="提现" th:selected="${jiaoyitype}=='提现'">提现</option>
                    <option value="互转" th:selected="${jiaoyitype}=='互转'">互转</option>
                    <option value="信誉值奖" th:selected="${jiaoyitype}=='信誉值奖'">信誉值奖</option>
                    <option value="扣取信誉值" th:selected="${jiaoyitype}=='扣取信誉值'">扣取信誉值</option>

                </select>
            </div>
        </div>
    </div>

    <div class="history-main">


        <div class="layui-row history-item" th:each="history:${zichanhistoryDOS}">
            <div class="layui-col-xs4">
                <div class="layui-row key-tip">数量</div>
                <div class="layui-row r-value" th:text="${history.getamountvo()}">0.0658</div>
            </div>
            <div class="layui-col-xs2">
                <div class="layui-row key-tip">类型</div>
                <div class="layui-row r-value" th:text="${history.jiaoyitype}">信誉奖励</div>
            </div>
            <div class="layui-col-xs5">
                <div class="layui-row key-tip">时间</div>
                <div class="layui-row r-value" th:text="${#dates.format(history.createtime,'yyyy-MM-dd HH:mm:ss')}">
                    2020-02-02 12:12:12
                </div>
            </div>
        </div>

    </div>


</div>

<!--footer-->
<div th:replace="index::footer"></div>

<script>


    $(function () {
        $("#searchbtn").change(function () {
            var jiaoyitype = $("#searchbtn").val();// console.log(opt)

            window.location = "/zichan?jiaoyitype=" + jiaoyitype;

        })
    });


    function chongbipage() {
        window.location = "/chongbitable/detail";
    }

    function topersonPage() {
        window.location = "/person";
    }
    function tibi() {
        window.location = "/tibi";
    }

    function huzhuan() {
        window.location = "/huzhuan";
    }
</script>

</body>
</html>